<template>
	<div>
		<li>template中的标签都会被浏览器解析</li>
		<li>{{count}}</li>
	</div>
</template>

<script>
export default {
  data() {
    //这个data跟vue对象中的data一样,这里之所以这样写是有含义的
    return {
      count: ''
    };
  },
  mounted() {
    //vue生命周期函数。页面挂在完毕后执行,由vue框架实现
	console.log(this); //这里可以看到子组件传递进来的参数
	this.count = this.$attrs['str']//此处的str就是子组件作为占位符的属性(该例的占位符就是sonItem标签)
  }
};
</script>


<style scoped>
</style>
